<script setup lang="ts">
import { ref } from "vue";
</script>

<template>
  <div>
    <div style="width: 236px; height: 200px; background-color: #fff">
      <div
        style="
          color: #000000;
          font-weight: Bold;
          padding: 13px 0 12px 21px;
          border-bottom: 1px solid #e5e5e5;
        "
      >
        创客资讯
      </div>
      <div
        style="display: flex; flex-direction: column; padding: 10px 21px 0 21px"
      >
        <a
          href="javascript:;"
          style="margin-bottom: 8px; color: #2440b3; width: fit-content"
          v-for="item in 5"
          >华为小米等手机迎国家补贴</a
        >
      </div>
    </div>
  </div>
</template>

<style lang="scss" scoped>
.title {
  line-height: 20px;
  display: flex;
  .title_left {
    font-weight: bold;
  }
  .title_right {
    margin-left: 6px;
    font-size: 12px;
    color: #aaaaaa;
  }
}
</style>
